<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
	<link rel="stylesheet" type="text/css" href="../css/mggj.css"/>
    <title>我的收益</title>
    <style type="text/css">
    body{background-color: #F5F5F5;}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 id="title" class="mui-title">我的收益</h1>
		<!--<a id="info" class="mui-icon iconfont icon-caidan mui-pull-right"></a>-->
	</header>
	<div class="mui-content">
		<h2 class="sum_income">总收益：<span>￥5000</span></h2>
		<ul class="mui-table-view mui-grid-view mui-grid-9 income_grid">
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_1.png"/>
			        </span>
			        <div class="mui-media-body">收益规则</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_2.png"/>
			        </span>
			        <div class="mui-media-body">测算规则</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="purchased_items.html">
			        <span class="">
			        	<img src="../images/my/income_li_3.png"/>
			        </span>
			        <div class="mui-media-body">项目收益</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_4.png"/>
			        </span>
			        <div class="mui-media-body">发展奖励</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_5.png"/>
			        </span>
			        <div class="mui-media-body">介绍佣金</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_6.png"/>
			        </span>
			        <div class="mui-media-body">激活奖励</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_7.png"/>
			        </span>
			        <div class="mui-media-body">发展奖励</div>
			    </a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4">
			    <a href="##">
			        <span class="">
			        	<img src="../images/my/income_li_8.png"/>
			        </span>
			        <div class="mui-media-body">累计奖励</div>
			    </a>
			</li>
	    </ul>
		
	</div>
	<script src="../js/mui.min.js"></script>
	<script>
		mui.init();
		(function($) {
			//阻尼系数
			var deceleration = mui.os.ios?0.003:0.0009;
			$('.mui-scroll-wrapper').scroll({
				bounce: false,
				indicators: true, //是否显示滚动条
				deceleration:deceleration
			});
		})(mui);
	</script>
</body>
</html>